.treetable {
  margin: 0px auto;
  clear: both;
  width: 100%;
  display: table;
  position: relative;
  font: Arial;
  font-size: 12px;
  border-collapse: collapse;
  border-spacing: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /*ver a sintaxe para passar um ":" depois dos "..."*/
}

table.treetable {
  margin: 0px auto;
  clear: both;
  width: 100%;
  display: table;
  position: relative;
  font-family: Arial;
  border-collapse: collapse;
  border-spacing: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /*ver a sintaxe para passar um ":" depois dos "..."*/
}

table.treetable caption {
  font-weight: 500;
  margin-bottom: .2em;
}

table.treetable thead {
  background: #aaa url(../img/bg-table-thead.png) repeat-x top left;
}

table.treetable thead tr th {
  background-image:-webkit-linear-gradient(270deg,rgb(103,103,103) 0%,rgb(59,59,59) 100%);
  font-size:12px;
  font-weight:500;
  color: rgb(214, 214, 214);
  text-shadow: rgb(95, 95, 95) 1px 1px 1px;
  cursor: pointer;
}

table.treetable tbody tr td {
  cursor: pointer;
  padding: .3em 1em;
}

table.treetable span {
  background-position: center left;
  background-repeat: no-repeat;
  padding: .2em 0 .2em 1.5em;
}

table.treetable span.projeto {
  background-image: url(../img/file.png);
}

table.treetable span.cliente {
  background-image: url(../img/folder.png);
}

table.treetable span.projetos {
  font: 13px/1em Arial;
}


table.treetable span.contatos {
  font: 13px/1em Arial;
}

table.treetable tr.collapsed span.indenter a {
  background-image: url(../img/expand.png);
}

table.treetable tr.expanded span.indenter a {
  background-image: url(../img/collapse.png);
  font: 13px/1em Arial
}

table.treetable tr.selected {
  background-color: #3875d7;
  color: #fff;
}

table.treetable tr.collapsed.selected span.indenter a {
  background-image: url(../img/expand-light.png);
}

table.treetable tr.expanded.selected span.indenter a {
  background-image: url(../img/collapse-light.png);
  font: 13px/1em Arial
}

table.treetable tr.accept {
  background-color:  #3875d7;
  color: #fff
}

table.treetable tr.collapsed.accept td span.indenter a {
  background-image: url(../img/expand-light.png);
}

table.treetable tr.expanded.accept td span.indenter a {
  background-image: url(../img/collapse-light.png);
  font: 13px/1em Arial
}
